<template>
    <van-card class="foodCnt-card" :title="food.name" :price="food.price" desc="" :thumb="food.img">
        <template v-slot:num>
            <OrderNumberStepper :food="food" />
        </template>
    </van-card>
</template>

<script>
import OrderNumberStepper from '@/components/OrderNumberStepper';

export default {
    components: { OrderNumberStepper },
    props: {
        food: {
            type: Object,
            required: true,
            default: () => ({
                name: '暂无菜名',
                price: 0,
                orderNumber: 0,
            }),
        },
    },
};
</script>

<style scoped>
.foodCnt-card {
    margin-top: 0;
    background-color: #fff;
}
</style>
